@charset "utf-8";



/* CSS Document */







/*banner*/



.ban{ width:100%; height:auto;}







/*子页左侧*/



.con-left{ width:225px; height:auto; padding:10px 0;overflow:hidden; float:left}



.left-tit{ width:225px; height:60px; background:url(../images/left-tit.jpg) no-repeat}



.left-tit h1{ color:#000000; font-weight:normal; font-size:20px; padding-top:15px; padding-left:15px}



.left-tit h1 span{ font-size:12px; color:#000000; padding-left:15px;}







/*关于我们*/



.left-list{ width:225px; height:auto;overflow:hidden}



.left-list ul li{ width:225px; height:36px; line-height:36px; margin-top:8px; }



.left-list ul li a{ color:#4b4b4b; font-size:14px; padding-left:38px;background:url(../images/left-li.jpg) no-repeat;width:197px; height:36px; display:block}



.left-list ul li a:hover{ color:#fff; background:url(../images/left-lihover.jpg) no-repeat;}







.left-gg{ width:221px; padding:23px 2px; height:102px}



.lianxi{ width:225px; height:auto; background:url(../images/lianxibg.jpg) no-repeat; overflow:hidden;background-size: 100% 100%;}



.lianxi p{ width:200px; margin:0px auto; font-size:14px; line-height:24px; padding-top:103px}







/*子页右侧*/



.con-right{ width:780px; height:auto; overflow:hidden; float:right; padding:10px 0px}



.right-tit{ width:780px; height:38px; border-bottom:1px solid #dcdcdc; line-height:38px; font-size:14px; color:#4e4e4e}



.right-nr{ width:776px; margin:0 auto; height:auto;}



.about-nr{ padding-top:20px}



.about-nr p{ width:776px; color:#494949; font-size:16px; line-height:24px; text-indent:2em}



.about-nr p img{padding-top:20px; float:left}







/*新闻*/



.news-list{ width:762px; margin:0 auto; min-height:200px; overflow:hidden;}



.news-list ul li{ width:762px; height:auto; border-bottom:1px dashed #e8e8e8; padding-top:20px}



.news-list ul li a img{ width:136px; height:93px; border:1px solid #cbcbcb; float:left; margin-right:15px}



.news-list ul li h3{ padding-bottom:10px}



.news-list ul li h3 span{ font-size:12px; color:#6c6c6c; float:right; font-weight:normal}



.news-list ul li h3 a{ font-size:18px; color:#404040}



.news-list ul li h3 a:hover{ color:#e62020}



.news-list ul li p{ color:#898989; font-size:14px; line-height:20px}



.news-list ul li p a{ color:#e62020; font-size:14px;}







.news-list-l ul li{ width:762px; height:40px; border-bottom:1px dashed #e8e8e8; line-height:40px}



.news-list-l ul li a{ color:#404040; font-size:13px;}



.news-list-l ul li span{ float:right}















.pro-liimg ul .page{ width:762px; margin:0 auto; height:30px; padding:30px 0px; text-align:center; display:block; clear:both}



.pro-liimg ul .page a{ font-size:14px; color:#393939; background:#fbfbfb; border:1px solid #d8d8d8; padding:4px 12px; margin:0 2px; width:100px; height:30px; display:inline}



.pro-liimg ul .page a:hover{ color:#fff; background:#90b806;}







.page{ width:762px; margin:0 auto; height:40px; padding:30px 0px; text-align:center; display:block; clear:both}



.page a{ font-size:14px; color:#393939; background:#fbfbfb; border:1px solid #d8d8d8; padding:4px 12px; margin:0 2px;}



.page a:hover{ color:#fff; background:#90b806;}



.page-fenye{ width:762px; line-height:30px; padding-top:10px}



.page-fenye p a{ color:#030303; font-size:15px}



.page-fenye p a:hover{ color:#e62020}











.news-nr{width:762px; margin:0 auto; height:100%; overflow:hidden;padding-top:20px}



.news-nr h3{ font-size:18px; color:#4e4e4e; padding-bottom:10px}



.news-nr span{ font-size:14px; color:#ababab; }



.news-tit{ width:762px; margin:0 auto; height:65px; border-bottom:1px dotted #e2e2e2;text-align:center}



.news-text{ width:762px; padding:10px 0px}



.news-text p{ text-indent:2em; font-size:16px; color:#3c3c3c; line-height:30px}



.news-sh{ width:762px; height:30px; padding-top:20px; line-height:35px;border-bottom:1px dotted #e2e2e2;}







.news-tj{ float:right; width:250px; height:24px; font-size:12px}











/*客户*/



.weixiu-nr{width:776px; margin:0 auto ;padding:20px 0px}



.weixiu-nr p{ font-size:13px; color:#4b4b4b;line-height:24px}



.weixiu-nr p img{padding-top:20px; float:left}















/*产品*/



.pro-list{ width:766px; margin:0 auto; height:auto; overflow:hidden}



.pro-te{ width:766px; height:220px; margin-top:20px; background:url(../images/pro-tebg.jpg) no-repeat;overflow:hidden}



.pro-tenr{ width:740px; margin:12px auto 0px; height:160px; background:url(../images/pro-tenr.jpg) no-repeat; text-align:center }



.pro-te p{ text-align:center; font-weight:bold; width:180px; margin:0 auto; }



.pro-te p a{ font-size:14px; color:#393939;}



.pro-liimg{ width:766px; margin:0 auto 10px; overflow:hidden; min-height:600px}



.pro-liimg ul li{float:left;width:240px; height:200px;margin:20px 7px 0px;_margin:20px 5px 0px; background:url(../images/pro-bg.jpg) no-repeat;}



.pro-liimg ul li a{ width:240px; height:200px;  _margin-left:0px;display:block; overflow:hidden}



.pro-liimg ul li a:hover{background:url(../images/pro-bbg.jpg) no-repeat;} 



.pro-liimg a .pro-litp img{ width:214px; height:150px; margin:10px;border-radius:5px;



-moz-border-radius:5px; border:1px solid #FFF}



.pro-liimg a p{ width:216px; height:30px; line-height:30px; margin:0 auto;font-size:14px; color:#393939; text-align:center;}



.pro-liimg a:hover p{ color:#e62020}



.pro-liimg a p span{ float:right}



















/*荣誉资质*/



.spro-liimg{ width:766px; margin:0 auto 10px; overflow:hidden; }



.spro-liimg ul li{ width:236px; height:230px; float:left; background:#eff1f0; margin:20px 9px 0px;_margin:20px 7px 0px;}



.spro-liimg .pro-litp a img{ width:214px; height:178px; background:#fff; border:1px solid #cbcbcb; margin:10px 10px 8px; padding:1px}



.spro-liimg p{ width:216px; height:20px; line-height:20px; margin:0 auto; text-align:center}











.pro-nr{ width:766px; margin:20px auto; overflow:hidden; height:100%}



.pro-lh{ width:766px; height:280px;}







/*图片轮换*/



#preview{ float:left; margin:0px auto;width:390px;}



.jqzoom{ width:384px; height:270px; position:relative;}







.zoomdiv{ left:859px; height:400px; width:400px;}



.list-h li{ float:left;}



#spec-n5{width:390px; height:56px; padding-top:10px; overflow:hidden;}



#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}



#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}



#spec-list{ width:325px; float:left; overflow:hidden; margin-left:0px; display:inline;}



#spec-list ul li{ float:left; margin-right:0px; display:inline; width:58px; height:58px; margin:0 8px}



#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}







/*jqzoom*/



.jqzoom{position:relative;padding:0;}



.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}



.bigimg{width:900px;height:800px;}



.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}



#spec-list{ position:relative; width:370px;}



#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}



/*图片轮换*/







.pro-js{ width:350px; height:0px; float:right}



.pro-js h3{ font-size:16px; color:#e62020; width:350px; height:30px; border-bottom:1px solid #e1e1e1; line-height:30px}



.pro-jste{ padding-top:10px}



.pro-jste p{ font-size:13px; color:#515151; line-height:24px}



.pro-cpjs{ width:766px; height:100%; padding-top:20px}



.pro-cpjs h2{ font-size:18px; color:#e62020; height:40px; line-height:40px; width:766px; border-bottom:2px solid #e1e1e1}



.pro-cpnr{ width:766px; overflow:hidden; padding-top:15px}



.pro-cpnr p{ line-height:30px; font-size:16px;}



.pro-cpnr p strong{ font-size:16px; color:#e62020; }







.liuyan{ width:766px; margin:0 auto; }



.liuyan table td{font-size:14px; }



.liuyan table td input{ width:290px; height:28px; background:#f8f8f8; border:1px solid #d8d8d8}



.liuyan table td textarea{ width:520px; height:170px; background:#f8f8f8; border:1px solid #d8d8d8}



.liuyan table td a{ width:110px; height:40px; background:url(../images/btn.jpg) no-repeat; display:block; float:left; color:#fff; font-size:15px; text-align:center; line-height:40px; margin:0 10px}



.liuyan table td a:hover{ background:url(../images/btn1.jpg) no-repeat;}



.liuyan table td .mid{ width:300px; height:40px; padding-top:10px; margin:0 auto}



















#ytmabout_sub5{border-bottom: #666 1px dotted;position: relative;line-height: 40px;width: 766px;color: #666;font-size: 16px;font-weight: bold; padding-top:20px}







.center .title {



width: 100%;



float: left;



overflow: hidden;



margin: 10px 0;



}



.center .title .person {



background: url(../images/pic-lyr.gif) 0 0 no-repeat;



}



.foucetext {



color: #f08300;



font-style: normal;



}



.center .title li {



float: left;



height: 20px;



line-height: 20px;



padding: 0 20px;



white-space: nowrap;



background: url(../images/mes-icon-01.gif) 0 2px no-repeat;



}



.center .title .time {



background: url(../images/pic-time.gif) 0 0 no-repeat;



}



.center .list {



clear: both;



width: 99%;



overflow: hidden;



border: 1px solid #d0d0d0;



margin-bottom: 25px;



}



.center .list .li-con {



float: left;



width: 100%;



overflow: hidden;



border: 1px solid #fff;



border-top: 0;



padding: 5px 0 5px 5px;



background: #f8f8f8;



}



.center .list .li-bottom {



padding-right: 25px;



}



.center .list .li-con .pic {



float: left;



width: 35px;



}



.center .list li {



padding-left: 40px;



line-height: 20px; font-size:12px



}



@media only screen and (max-width: 767px) {
	.ban{ overflow:hidden;}
	.ban img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
	.con-left,.con-right{ width:100%;}
	.left-tit{ width:100%; height:auto; background:none; background:#00aef3; border-radius:10px 10px 0 0;}
	.left-tit h1{ text-align:center; padding:16px 0;}
	.left-list{ width:100%; text-align:center;}
	.left-list ul li{width: 49.5%;float: left;margin-right: 1%;}
	.left-list ul li:nth-child(2n) {margin-right: 0;}
	.left-list ul li a {    width: 100%;    padding: 0;    background: #f5f5f5;}
	.lianxi{ display:none;}
	.right-nr,.right-tit{ width:100%; height:auto;}
	.about-nr p{ width:100%; height:auto;}
	.about-nr img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto; }
	
	.pro-list,.pro-liimg{ width:100%;}
	.pro-liimg ul li{width: 49%; height:auto; float: left ; margin:0; margin-bottom:2%; margin-right: 2%; background:none; box-shadow:0 0 4px #ccc;}
	.pro-liimg ul li:nth-child(2n) {margin-right: 0;}
	.pro-liimg ul li a{ display:block; width:100%; height:auto;}
	.pro-liimg a .pro-litp{ width:100%; height:0; padding-bottom:75%; position:relative;}
	.pro-liimg a .pro-litp img{ position:absolute; top:0; display:block; width:100%; height:100%; margin:0; padding:0;}
	.pro-liimg a p{ width:100%;}
	.pro-liimg ul .page{ width:100%; height:auto; line-height:35px;}
	.pro-lh{ width:100%; height:auto;}
	#preview,.pro-js,.pro-cpjs,.pro-cpnr{ width:100%; height:auto; float:none;}
	
	.news-list,.news-list ul li{ width:100%; height:auto; min-height:130px;}
	.page{ width:100%; height:auto; line-height:2.5rem;}
	.news-nr,.news-tit,.news-text{ width:100%; height:auto;}
	.news-text img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto; }
	
	
	.news-list ul li h3{ padding-bottom:25px; position:relative;}
	.news-list ul li h3 span{ position:absolute; bottom:0; }
	
	.liuyan{ width:100%;}
	.liuyan table td .mid{ width:auto;}
	.liuyan table td textarea{ width:51%;}
	.liuyan table td .mid input{ display:block; margin-left:-33%;}
	.con-left{ display:none;}
	
	.pro-cpjs img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
	
	
	}